<template>
	<view class="content health-content">
		<TopVue />
		<view class="health-main">
			<image class="qrcode-img" src="/static/qrcode.png"></image>
			<text>请扫码关注公众号，查看您的健康结果</text>
		</view>
		<image class="index-bottom" src="/static/bottom.png" mode="widthFix"></image>
	</view>
</template>

<script setup lang="ts">
	import { onMounted, reactive, ref } from 'vue';
	import TopVue from '@/components/top.vue'
	
</script>

<style lang="scss">
	.health-content {
		.health-main{
			background-color: #fff;
			min-height: calc( 100vh - 100rpx);
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			padding-bottom: 200rpx;
			
			font-weight: 500;
			font-size: 32rpx;
			color: #2F65F3;
		}
		.qrcode-img{
			margin-bottom: 15rpx;
			border-radius: 8rpx;
			width: 400rpx;
			height: 400rpx;
			padding: 8rpx;
			border: solid 1px #eee;
			box-shadow: 0rpx 1rpx 4rpx 1rpx rgba(0,0,0,0.1);
		}
		.index-bottom{
			position: fixed;
			bottom: 0;
			left: 0;
			width: 100%;
		}
	}
</style>